<template>
  <div class="setting">
    <!-- <div class="card">
      <div class="title">样式</div>
      <div class="content">
        <el-form-item label="样式">
          <el-radio-group v-model="settingData.mode">
            <el-radio :label="1">1</el-radio>
            <el-radio :label="2">2</el-radio>
          </el-radio-group>
        </el-form-item>
      </div>
    </div> -->
    <dc-list
      v-model="settingData.list"
      :itemProp="{
        src: '',
        url: '',
        show: 1,
      }"
    >
      <template #title>展示图标</template>
      <template #listItem="{ element }">
        <el-form-item label="广告图">
          <sa-uploader v-model="element.src" fileType="image"></sa-uploader>
        </el-form-item>
        <el-form-item label="选择链接">
          <dc-url v-model="element.url"></dc-url>
        </el-form-item>
        <el-form-item label="显示次数">
          <el-radio-group v-model="element.show">
            <el-radio :label="1">仅显示一次</el-radio>
            <el-radio :label="2">应用启动显示</el-radio>
          </el-radio-group>
        </el-form-item>
      </template>
    </dc-list>
  </div>
</template>

<script setup>
  import dcList from '../../common/dc-list.vue';
  import dcUrl from '../../common/dc-url.vue';

  const props = defineProps(['settingData']);
</script>
